// import Vue from 'vue'
// import Router from 'vue-router'
// import login from '@/components/login'
// import home from '@/components/home'

// Vue.use(Router)

// export default new Router({
//   routes: [
//     {
//       path: '/', // 默认路由
//       // name: '/login',
//       redirect: '/login' // 进入页面是 默认路由，自动redirect到主页
//     },
//     {
//       path: '/login',
//       name: 'login',
//       component: login
//     },
//     {
//       path: '/home',
//       name: 'home',
//       component: home
//     }
//   ]
// })
import Router from 'vue-router'
import routes from './routes'
// import routes from './modules/routes'
export default () => {
  return new Router({
    routes,
    // iws,
    mode: 'history', // http://localhost:8088/#/login这是登录的链接，#是哈希路由，不会被搜索引擎所解析，所以网站的SEO情况变得不好。这样改就不会在出现'#'
    base: '/base/', // 增加一个上一级路由
    linkActiveClass: 'active-link', // 父路径的class
    linkExactActiveClass: 'exact-active-link', // 子路径的class
    scrollBehavior (to, from, savedPosition) { // 页面跳转时要不要滚动的问题，
      // to: 要去的路由
      // from: 从那个路由跳到下个路由
      // savedPosition: 如果之前去过该跳转路由，则会记录该路由滚动条位置
      if (savedPosition) {
        return savedPosition // 该路由有滚动行为，进入页面就处在该滚动位置
      } else {
        return { x: 0, y: 0 } // 否则就在最顶端
      }
    },
    // url后面跟的?a=xxx&b=xxx就叫Query,即进入页面的参数。拿到的是字符串，转成json的object，vue里面默认会转。我们也可以自己定义的转
    // parseQuery (query) { // 字符串转成json的object的方法(注释部分打开，路由名后面会有个undefined，我不知道为啥)
    // },
    // stringifyQuery (obj) { // object转成接送json
    // },
    fallback: true // 不是所有浏览器都支持前端路由的方式，vue默认这种哈希的模式，false的话路由跳转就会变成多页应用，很耗时。这个true和false视情况而定
  })
}
